
@charset "UTF-8";
/* 公共部分 */
body,div,section,nav,iframe,span,h1,h2,h4,h5,h6,hr,img,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,tr
{margin: 0;	padding: 0;}

body,button,input,select,textarea {
    font-size: 14px;
    font-family: Microsoft YaHei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
    background-color: #fff;
    line-height: 18px;
}
textarea {
    font-size: 13px;
    min-height: 26px;
    margin: 0;
    padding: 3px 8px;
    outline: none;
    color: #333;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in 0;
    vertical-align: middle;
}

a{color:#333;text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #FF0000;text-decoration: underline;	cursor: pointer;}
a:active {color: #FF0000;text-decoration: none;}

blockquote{margin:10px 0 0 10px;padding:0 0 0 10px;border-left:5px solid red}

.wrapper {max-width:1199px;margin: 45px auto 0;padding: 10px 5px 50px;}
.row{margin-right:0;margin-left:0}

.clearfix:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix {display: block;height: 1%;}
/* 右部导航  */
.api_a{
    padding: 10px 10px 0px 0px;
    display: inline-block;
    float: left;
    margin: 0 1px 1px 0;
}
.hotPageList a {
    padding: 10px 10px 0px 0px;
    display: inline-block;
    float: left;
    margin: 0 1px 1px 0;
}
.hotPageList a.red {
    color: #c33;
}
.hotPageList a.blue {
    color: #1182ca;
}
.hotPageList a.bold {
    font-weight: 700;
}

/*  左右版式  */
.leftBar {float: left;width:44%;}
.rightBar {float: right;width:41%;}
.leftBar textarea, .rightBar textarea {width:100%;height: 480px;}
.operateLR {float: left;width: 13%;text-align: center;margin: 30px 5px 0 5px;}
.OptDetail {text-align: center;	margin-left: 25px;}
.OptDetail button {	margin: 10px 0px 5px 0px;	text-align: center;}
.OptDetail>label {	margin: 10px 0px 5px 0px;	text-align: center;}
/*  上下版式  */
.topBar, .bottomBar {margin: 10px 0 10px 0;}
.topBar textarea, .bottomBar textarea {	width: 99%;	height: 200px;}
/*  表格样式  */
.toolTable {text-align: center;line-height: 36px;border-collapse: collapse;border: none;margin: 10px 0 20px 0;}
.toolTable caption {margin-bottom: 20px;font-size: 24px;color: #777;}
.toolTable th, .toolTable td {border: solid #ccc 1px;text-align: left;padding:6px;}
.toolTable th {	color: #006cbf;}
/* 代码样式  */
.Code {	border: 1px solid #ccc;	overflow-x: hidden;margin: 10px auto;}
.CodeMirror-scroll {height: auto;overflow-y: hidden;overflow-x: hidden;}

.title {clear:both;	margin: 10px 0 5px 0;font-size: 16px;}
.page {	margin: 23px 0;	text-align: center}
ul,li {	list-style: none;}
select {margin: 0 0 0 2px;border: 1px solid #D5D5D5;height: 23px;width: 100px;line-height: 35px;}

/* ---------------ad--------------- */
/*顶部*/
#topAd{
    cursor:pointer;
    width:100%;
    background-size:100% 100%;
}
#closeTopAd{font-size:14px;color:#fff;font-weight:100;background:rgba(0,0,0,0.5);float: right;padding: 1px 8px;text-align:center;}
/*导航栏右*/
#navbarRightAd{
    cursor:pointer;
    display:block;
    height:50px;
}
/*导航栏下*/
#navbarBottomAd{
    width:100%;
    margin:55px auto 10px auto;
    text-align: center;
    vertical-align: middle;
    max-width:1199px;
    cursor:pointer;
}
#navbarBottomAd2{
    width:100%;margin:35px auto 10px auto;text-align: center;vertical-align: middle;max-width:1199px;max-height:270px;
}
#rightImgAd{
    margin: 5px auto 15px auto;
    bottom: 0px;
    cursor:pointer;
    width: 100%;
    background-size:100% 100%;
}
#middleImgAd{
    margin: 5px auto 15px auto;
    bottom: 0px;
    cursor:pointer;
    width: 100%;
    background-size:100% 100%;
}
#footerAd{
    height:150px;
    position: fixed;
    max-width: 1199px;
    bottom: 0px;
    cursor:pointer;
    width: 100%;
    background-size:100% 100%;
}
/*通用*/
.matoolsAd{width:100%;margin:5px auto 15px auto;text-align: center;vertical-align: middle;max-width:1199px;}
/*mobile*/
#popAd{
    cursor:pointer;
    position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
    z-index:99999;
}
#popAdForMobile{position:fixed;height:100%;width:100%;border:0;}
#closePopAd{font-size:14px;color:#fff;font-weight:100;background:rgba(0,0,0,0.5);float:right;padding:1px 8px;text-align:center;}
/* ---------------头部--------------- */
#search button{padding-top: 9px;padding-bottom: 9px;}
#search input{height:auto}
.alert-box{display:none;position:fixed;top:30%;width:30%;left:35%;z-index:9999;text-align:center;}


/*工具箱下拉菜单*/
#toolboxMenu{float:left}
.toolbox-dropdown{margin:0;}
.toolbox-dropdown li{width:300px; padding:1px 10px;}
.toolbox-dropdown li p.plist{width:300px;overflow:hidden;}
.toolbox-dropdown li p.plist a{display:inline-block; width:33%; float:left; height:20px; line-height:20px;font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 10px;}
.toolbox-dropdown .more{float: right;font-size: 12px;margin:10px;}

.texthidden {text-indent:-9999px;white-space:nowrap;line-height:0;margin:0}

.navbar {border-radius:0px;min-height:50px;margin-bottom:0;border:0}
.navbar-brand {font-size: 34px;}
.navbar-nav>li>a {
    height:50px;
    border-radius:0px;
    font-size: 16px;
    font-family: Microsoft YaHei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif;
}
/* ---------------Bootstrap导航样式定制https://work.smarchal.com/twbscolor--------------- */
.navbar-default{background-color:#337ccb;border-color:#337ccb}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff}.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav>li>a{color:#fff}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#eee}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#64aeff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#64aeff}.navbar-default .navbar-toggle{border-color:#64aeff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#64aeff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}.navbar-default .navbar-link{color:#fff}.navbar-default .navbar-link:hover{color:#fff}


/* ---------------正文--------------- */
.breadcrumb{padding:0px 0px;background-color:white;}
.toolName {
    line-height:40px;
    font-size: 24px;
    color: #777;
    margin-top: 10px;
    margin-bottom: 10px;
    display:inline;
}
.getCodeBtn {
    float: right;
    color: #777;
    margin: 10px 0 10px 10px;
    display:inline;
}
.codeTextArea{
    width:100%;
    height:100px;
}
.modal-footer-btn{
    background-color: rgb(242, 242, 242);
    color:blue;
    text-align: center;
    cursor: pointer;
}
.tool_kind_title {
    padding-top:8px;
    line-height: 40px;
    clear: both;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-size: 24px;
}

#toolUsedDiv .tool_kind_title{
    display:inline-block;
}
#toolUsedDiv .btn{
    float:right;
    padding-top: 8px;
    line-height: 40px;
}

.clearall {clear: both;height: 1px;width: 996px;margin-right: auto;margin-left: auto;}
.tool_desc {
    height: auto;
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 23px;
    clear: both;
    color: #777777;
    text-align: left;
    border: 1px solid #89B4D4;
    padding: 2px;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.tool_desc span {
    float: right;
    margin-right: 3px;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    background-position: -3px 3px;
}

.ToolAbout{padding:10px 0 20px; min-height:70px;clear: both;}
.ToolAbout span{line-height:40px;}
.ToolAbout h2 {height:30px; line-height:30px; padding-bottom:10px;color: #0474c8 !important;font-size: 18px;}
.ToolAbout h3 {font-size: 16px;font-weight: bold;}
.ToolAbout p{line-height:28px; color:#777777; text-indent:28px;}

.col-red {color: #ff0000 !important;}
.box {width: 80%;	margin:36px auto;clear:both;}
.box .form-inline{text-align: center;}
.show_result {margin: 30px 66px;color: #00578E;}
.show_result_box_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 23px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F1F1F1;
    margin-bottom: 6px;
}
.showthis {	font-family: "Comic Sans MS";font-size: 14px;line-height: 26px;padding: 15px 66px;}
/*栏目标题*/
.col-blue01{color:#0474c8 !important;font-size:18px;}
.col-blue02{color:#0474c8 !important;font-weight:normal;padding-bottom:5px;font-size:14px;}
.fl{float: left; display:inline-block;}
.siteBar li{width:20%; padding:10px 20px;min-height:270px;}
.siteBar li p.plist{width:199px; height:270px; overflow:hidden;}
.siteBar li p.plist a{display:inline-block; width:99%; float:left; height:30px; line-height:30px;}

/* ---------------底部--------------- */
#matoolsFloatDiv {
    position:fixed;
    bottom: 1px;
    right: 1px;
    width: 110px;
    height: 25px;
    z-index: 2147483646;
    display: inline-block;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background-color: rgb(187, 187, 187);
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: 0px;
    padding: 5px 5px;
    overflow: hidden;
    transition: 0.2s ease-out;
    border-radius: 2px;
    opacity: 0.5;
}

#matoolsFloatDiv a {
    font-size: 12px;
    color: blue;
}

.right-fixed {position: fixed;right:10px;bottom: 10px;}
.right-fixed li{width:50px; height:50px; margin-bottom:10px; cursor:pointer; position:relative;}
.ico_com{background:url(../../img/common/ico_com.png); background-repeat:no-repeat;}
.right-fixed-ad{background:url(../../img/common/right-fixed-ad.png);right:10px !important;width:70px !important;height:120px !important;background-size:100% 100%;}
.right-fixed .back-top{display:none; background-position:-100px 0px;}
.right-fixed .back-top:hover{background-position:-150px 0px;}
.right-fixed .reward{background-position:-200px 0px;}
.right-fixed .reward:hover{background-position:-250px 0px;}
.right-fixed .feedback{background-position:-500px 0px;}
.right-fixed .feedback:hover{background-position:-550px 0px;}

.ico_com_qr{background-image:url(../../img/common/qr.png); background-repeat:no-repeat;height:125px; display:none; position:absolute; bottom:0; border:1px solid #ccc; box-sizing:border-box;}
.reward_qr{width:250px;right:55px; background-position:-250px 0px;}
.right-fixed .reward:hover .reward_qr{display:block;}

.bottom_service{
    margin: 24px auto 0;
    z-index: 2;
    clear: both;
    text-align: center;
    vertical-align: middle;
}
.bottom_service_index{
    width:100%;
    max-width: 1199px;
    background: #fafafa;
}
.bottom_service a {
    background: url(../../img/common/ico_com.png) no-repeat;
    height: 25px;
    width: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
    margin: 0px 30px;
    font-size: 14px;
    line-height: 40px;
    position:relative;
    background-size:400px 25px;
}
a.ico_qq{background-position:0px 0px;}
a.ico_qq:hover{background-position:-25px 0px;}
a.ico_weChat{background-position:-200px 0px;}
a.ico_weChat:hover{background-position:-225px 0px;}
a.ico_wb{background-position:-300px 0px;}
a.ico_wb:hover{background-position:-325px 0px;}
a.ico_mail{background-position:-350px 0px;}
a.ico_mail:hover{background-position:-375px 0px;}

.qq_qr{width:125px;bottom:30px;left:0px;background-position:0px 0px;}
a.ico_qq:hover .qq_qr{display:block;}
.weChat_qr{width:125px;bottom:30px;left:0px;background-position:-125px 0px;}
a.ico_weChat:hover .weChat_qr{display:block;}
.wb_qr{width:125px;bottom:30px;left:0px;background-position:-500px 0px;}
a.ico_wb:hover .wb_qr{display:block;}

.footer {clear: both;width:100%;margin:50px auto 80px autp;padding-top: 10px;line-height: 30px;color: #777777;text-align: center;font-size: 12px;}
.footer a {font-size: 12px;	color: #777777;}

/* ip流上下滚动 */
#viewIPDiv {height:18px;overflow: hidden;line-height: 1;width:110px;vertical-align:middle;text-align:left;display:inline-block;}
#viewIPDiv i{
    display: block;
    padding-bottom: 6px;
    -webkit-animation: scroll 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
    animation: scroll 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
}
@-webkit-keyframes scroll{0.0%{-webkit-transform:translateY(0);transform:translateY(0)}3.7037037037037037%{-webkit-transform:translateY(0);transform:translateY(0)}11.11111111111111%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}14.814814814814815%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}22.22222222222222%{-webkit-transform:translateY(-36px);transform:translateY(-36px)}25.925925925925927%{-webkit-transform:translateY(-36px);transform:translateY(-36px)}33.333333333333336%{-webkit-transform:translateY(-54px);transform:translateY(-54px)}37.03703703703704%{-webkit-transform:translateY(-54px);transform:translateY(-54px)}44.44444444444444%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}48.148148148148145%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}55.55555555555556%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}59.25925925925926%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}66.66666666666667%{-webkit-transform:translateY(-108px);transform:translateY(-108px)}70.37037037037037%{-webkit-transform:translateY(-108px);transform:translateY(-108px)}77.77777777777777%{-webkit-transform:translateY(-126px);transform:translateY(-126px)}81.48148148148148%{-webkit-transform:translateY(-126px);transform:translateY(-126px)}88.88888888888889%{-webkit-transform:translateY(-144px);transform:translateY(-144px)}92.5925925925926%{-webkit-transform:translateY(-144px);transform:translateY(-144px)}100.0%{-webkit-transform:translateY(-162px);transform:translateY(-162px)}}@keyframes scroll{0.0%{-webkit-transform:translateY(0);transform:translateY(0)}3.7037037037037037%{-webkit-transform:translateY(0);transform:translateY(0)}11.11111111111111%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}14.814814814814815%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}22.22222222222222%{-webkit-transform:translateY(-36px);transform:translateY(-36px)}25.925925925925927%{-webkit-transform:translateY(-36px);transform:translateY(-36px)}33.333333333333336%{-webkit-transform:translateY(-54px);transform:translateY(-54px)}37.03703703703704%{-webkit-transform:translateY(-54px);transform:translateY(-54px)}44.44444444444444%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}48.148148148148145%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}55.55555555555556%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}59.25925925925926%{-webkit-transform:translateY(-90px);transform:translateY(-90px)}66.66666666666667%{-webkit-transform:translateY(-108px);transform:translateY(-108px)}70.37037037037037%{-webkit-transform:translateY(-108px);transform:translateY(-108px)}77.77777777777777%{-webkit-transform:translateY(-126px);transform:translateY(-126px)}81.48148148148148%{-webkit-transform:translateY(-126px);transform:translateY(-126px)}88.88888888888889%{-webkit-transform:translateY(-144px);transform:translateY(-144px)}92.5925925925926%{-webkit-transform:translateY(-144px);transform:translateY(-144px)}100.0%{-webkit-transform:translateY(-162px);transform:translateY(-162px)}}

/*---------- 博客 ----------- */
.blogItemList>div>ul>li{padding: 5px 10px;}
.blogItemList .panel a{padding: 10px 0px;}
.blogItemList .panel span{float:right;}

/*列表*/
.blogList{margin-top:10px;}
.blogList .item{padding:20px 0 20px 10px; border-bottom:1px solid #f0f0f0;}
.blogList .item:hover{background-color:#f7f7f7;}
.blogList .item .blog-title{color:#333333; font-size:18px; margin-bottom:14px;}
.blogList .item .blog-title span{color:#ef3838;}
.blogList .item .blog-txt{color:#666666; font-size:14px; line-height:20px; margin-bottom:10px;text-decoration: none;}
.blogList .item .blog-txt span{color:#ef3838;}
.blogList .item .blog-date{color:#333333; font-size:12px;}
.blogList .item .blog-date em{color:#bababa; margin:0 30px 0 15px;}
.blogList .item .post {
    margin-top: 8px;
    color: #b7b7b7;
    font-size: 12px;
}
.blogList .item .post em {
    margin-left: 20px;
}
.tag-list a {
    display: inline-block;
    width: 25%;
    float: left;
    line-height: 1.8em;
    font-size: 10pt;
}
.blog-title{color: #1f1f1f;font-size: 24px;font-weight: normal;}
.content-inf{margin-top:14px; color:#9a9a9a; font-size:12px; font-family:"宋体";}
.content-txt{margin-top:10px; color:#202020; font-size:16px; line-height:30px; padding-bottom:25px;}
.content-link{width:100%; padding-top:10px;margin-top:15px; border-top:1px solid #989898; color:#666666; font-size:14px; line-height:20px;}


/*---------- 在线api ----------- */
#common_doc li {width: 100px;height: 90px;display: inline-block;}
#letter{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    font-size: 75px;
    color: #555;
    text-align: center;
    line-height: 100px;
    background: rgba(145,145,145,0.6);
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-50px 0px 0px -50px;
    z-index: 99;
    display: none;
}
.sort_box{
    width: 100%;
    padding-top: 8px;
    overflow: hidden;
}
.sort_list{
    padding:10px 0px 30px 80px;
    width: 235px;
    height: 30px;
    display: inline-block;
}

.num_name{
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.sort_letter{
    padding: 20px 20px 10px 20px;
}
.initials{
    position: fixed;
    top: 100px;
    right: 5px;
    height: 100%;
    width: 15px;
    padding-right: 20px;
    text-align: center;
    font-size: 12px;
    z-index: 99;
}

.initials a{
    line-height: 12px !important;
}


/*---------- 自适应移动端，放在最后 ！！！----------- */
@media (max-width: 767px) {
    /*导航栏*/
    #toolboxMenu{display:none}
    #search{display:none}
    #navbarRightAd{display:none}
    .w270{display:none}
    .content_w700{width:100%;}
    .siteBar li{width:50%;}
    .getCodeBtn{display:none}
    /*软件*/
    .softAbs .info{position: initial}
    .softAbs .fast_download, .softAbs .normal_download {position: initial}
    .fast_download{margin:10px 0}
    /*右底部浮动*/
    .right-fixed{display:none}
}


@media (min-width: 767px) and (max-width: 820px) {
    .navbar-form{display:none;}
}

@media (min-width: 767px) and (max-width: 1180px) {
    #navbarRightAd{display:none;}
}
